@charset "utf-8";

/*-----header-----*/
#banner{ position:relative; height:700px; background:#ffeee2;}
/*banner*/
#banner-box{ position:relative; margin:0px auto; height:700px; overflow:hidden; }
.banner-nav{ position:absolute; bottom:40px; left:50%; z-index:999; width:1200px; margin-left:-600px; text-align:center; font-size:0;}
.banner-nav li { display:inline-block; margin:0 5px; cursor:pointer;}
.banner-nav li a{ display:block; width:6px; height:6px; border-radius:50%; background:#fff; opacity:.6;}
.banner-nav li.current a{ width:30px; border-radius:8px; background:#333; opacity:.8}
.banner-list{position:absolute; z-index:2; width:100%; height:700px; overflow:hidden;}
.banner-list li{ display:inline-block; float:left; width:100%; height:700px;}
/*search*/
#banner .search{ position:absolute; bottom:0; left:50%; width:1500px; height:80px; margin-left:-750px; padding:15px; box-sizing:border-box; background:rgba(255,255,255,0.7); z-index:99;}
#banner .search h3{ font-size:14px; font-weight:normal; color:#999;}
#banner .search p.t{ margin-top:7px;}
#banner .search p.t a{ margin-right:10px;}
#banner .search p.b{ position:absolute; right:15px; top:25px; width:255px; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
#banner .search p.b input{ display:inline-block; width:220px; height:28px; border:0; vertical-align:middle; background:none;}
#banner .search p.b button{ display:inline-block; width:30px; height:28px; vertical-align:middle; border:0; cursor:pointer; background:url(../img/index/search.png)center 5px no-repeat;}

/*-----index-ad-----*/
#index-ad{ border-bottom:1px solid #feb885;}
.indexAdContent{ position:relative; width:1500px; margin:0 auto;}
.indexAd-h{ position:absolute; left:0; top:0; width:400px; height:145px; text-align:center; color:#fff; background:#fd8833;}
.indexAd-h p{ margin:0 22px; padding:22px 0; font-size:21px; font-weight:bold; border-bottom:1px solid #feb885;}
.indexAd-h h2{ padding-top:20px; font-size:35px;}
.indexAd-c{ width:1100px; height:145px; margin-left:400px; box-sizing:border-box; border-bottom:1px solid #e3e3e3; background:#fff;}
.indexAd-c::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.indexAd-c>div{ float:left; width:20%; height:144px; box-sizing:border-box; border-right:1px dotted #e3e3e3; text-align:center;}
.indexAd-c>div i{ display:block; width:54px; height:44px; margin:20px auto 0 auto; background-repeat:no-repeat; background-position:center center;}
.indexAd-c>div i.icon1{ background-image:url(../img/index/indexAdicon1.png);}
.indexAd-c>div i.icon2{ background-image:url(../img/index/indexAdicon2.png);}
.indexAd-c>div i.icon3{ background-image:url(../img/index/indexAdicon3.png);}
.indexAd-c>div i.icon4{ background-image:url(../img/index/indexAdicon4.png);}
.indexAd-c>div i.icon5{ background-image:url(../img/index/indexAdicon5.png);}
.indexAd-c>div h3{ margin-top:20px; font-size:16px; color:#333;}
.indexAd-c>div p{ font-size:14px; color:#666;}

/*公共模块头部*/
.indexContentHeader{ padding-top:50px; text-align:center;}
.indexContentHeader em{ font-size:40px; font-weight:bold; font-style:normal; background-clip:text; -webkit-background-clip:text; background-image:linear-gradient(180deg,#dadada,#ffffff); color:transparent;}
.indexContentHeader h2{ font-size:40px; color:#333; line-height:40px;}
.indexContentHeader h2::after{ content:""; display:block; width:40px; height:6px; margin:20px auto 25px auto; background:#fd8833;}
.indexContentHeader h2 span{ color:#fd8833;}
.indexContentHeader p{ color:#666;} 
/*------产品中心-----*/
#canpin{}
/*菜单*/
.canpinMenu{ width:1500px; margin:20px auto 40px auto; text-align:center;}
.canpinMenu::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.canpinMenu p{ float:left; width:11.11%; padding:0 5px; box-sizing:border-box;}
.canpinMenu p a{ display:block; height:40px; line-height:40px; color:#333; border:1px solid #dedede;}
.canpinMenu p:first-child a, .canpinMenu p a:hover{ color:#fff; border:1px solid #fd8833; background:#fd8833;}
.canpinMenu p a:hover
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.5s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
/*内容*/
.canpinContent{ width:1500px; margin:0 auto;}
.canpinContent ul{ text-align:center; font-size:0;}
.canpinContent ul::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.canpinContent ul li{ display:inline-block; width:25%; padding:0 10px 20px 10px; text-align:center; box-sizing:border-box; }
.canpinContent ul li a{ position:relative; display:block; height:301px; border:1px solid #eaeaea; background:#f1f1f1; 
/**/
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;}
.canpinContent ul li a:hover{
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	border:1px solid #ff9933;
	}
.canpinContent ul li a::after{ position:absolute; content:''; left:0; bottom:0; width:0; height:50px; background:#ff9933; z-index:1;
	transition:all .3s;
	-webkit-transition:all .3s
}
.canpinContent ul li a:hover::after{ width:100%;}
.canpinContent ul li a:hover span{ border-top:1px solid #ff9933; color:#fff;}
.canpinContent ul li a img{ width:100%; height:251px;}
.canpinContent ul li a span{ position:absolute; left:0; bottom:0; width:100%; height:50px; display:block; line-height:50px; font-size:18px; color:#333; text-align:center; box-sizing:border-box; border-top:1px solid #eaeaea; z-index:2;}

/*------公司优势-----*/
#youshi{ padding-top:10px;}
.youshiBg{ height:930px; background:url(../img/index/youshi-bg.jpg) top center no-repeat;}
.youshiContent{ width:1500px; margin:30px auto 0 auto;}
.youshiContent h3{ width:500px; height:52px; padding-left:60px; box-sizing:border-box; line-height:52px; font-size:30px; font-weight:bold;}
.youshiContent h3::after{ content:""; display:block; width:80px; height:1px;}
.youshiContent p{ width:550px; margin:10px 0 0 60px; padding-left:22px; line-height:30px;}
/*左*/
.youshiContentLeft{ padding-top:35px;}
.youshiContent .l1 h3{ color:#fff; background:url(../img/index/youshi-icon1.png) 0 0 no-repeat;}
.youshiContent .l2 h3{ color:#fff; background:url(../img/index/youshi-icon2.png) 0 8px no-repeat;}
.youshiContent .l1, .youshiContent .l2{ padding:30px 0;}
.youshiContent .l1 p, .youshiContent .l2 p{ color:#fff; font-size:16px; background:url(../img/index/youshi-icon5.png) 0 5px no-repeat;}
.youshiContent .l1 h3::after, .youshiContent .l2 h3::after{ background:#fff;}
/*右*/
.youshiContentRight{ margin-left:800px; padding-top:60px;}
.youshiContent .r1 h3{ color:#333; background:url(../img/index/youshi-icon3.png) 0 0 no-repeat;}
.youshiContent .r2 h3{ color:#333; background:url(../img/index/youshi-icon4.png) 0 8px no-repeat;}
.youshiContent .r1, .youshiContent .r2{ padding:30px 0;}
.youshiContent .r1 p, .youshiContent .r2 p{ color:#666; font-size:16px; background:url(../img/index/youshi-icon6.png) 0 5px no-repeat;}
.youshiContent .r1 h3::after, .youshiContent .r2 h3::after{ background:#333;}

/*------服务流程-----*/
#server{ padding-top:10px;}
.serverContent{ width:1500px; margin:30px auto 0 auto;}
.serverContent::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.serverContent>div{ float:left; width:16.66%; padding:0 6px; box-sizing:border-box; text-align:center;}
.serverContent>div.on span i{ background-color:#fd8833;}
.serverContent>div.on h3{ color:#cc6600;}
.serverContent>div.on p{ color:#999;}
.serverContent>div.on img{ opacity:1;
	transform: scale(1.03);
	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);}
.serverContent span{ position:relative; display:block; width:100%; overflow:hidden; text-align:center;}
.serverContent span img{ width:100%; height:auto; opacity:.8;}
.serverContent span i{ position:absolute; left:50%; bottom:0; display:block; width:110px; height:110px; margin-left:-55px; border-radius:50%; border:7px solid #fff; box-sizing:border-box; background-color:#333; background-position:center center; background-repeat:no-repeat; z-index:3;}
.serverContent span i.icon-1{ background-image:url(../img/index/server-icon1.png);}
.serverContent span i.icon-2{ background-image:url(../img/index/server-icon2.png);}
.serverContent span i.icon-3{ background-image:url(../img/index/server-icon3.png);}
.serverContent span i.icon-4{ background-image:url(../img/index/server-icon4.png);}
.serverContent span i.icon-5{ background-image:url(../img/index/server-icon5.png);}
.serverContent span i.icon-6{ background-image:url(../img/index/server-icon6.png);}
.serverContent h3{ padding:10px 0 5px 0; font-weight:normal; font-size:18px; color:#333;}
.serverContent p{ font-size:14px; color:#999;}
.serverContent span i, .serverContent h3, .serverContent span img
{
transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}

/*------关于我们-----*/
#about{ height:744px; margin-top:60px; background:url(../img/index/about-bg15.jpg) no-repeat center top;}
.aboutContent{ width:1500px; margin:0 auto;}
.aboutContent h2{ margin-left:-20px; padding:80px 0 20px 0; font-size:40px; color:#fff;}
.aboutContent>p{ margin-left:24px; font-size:22px; color:#fff;}
.aboutContent>p::after{ content:""; display:block; width:40px; height:6px; margin:15px 0 25px 0; background:#fff;}
.aboutContent .b{ width:45%; margin:90px 0 0 13px; line-height:30px; padding-left:24px;}
.aboutContent .b p{ padding-bottom:20px; text-indent:35px; font-size:16px; color:#666;}
.aboutContent .b a{ display:inline-block; margin-top:20px; padding:5px 20px; font-size:16px; color:#fd8833; border:1px solid #fd8833;}

/*------公司环境-----*/
#huanjing{ height:700px; background:url(../img/index/huanjing-bg.jpg) no-repeat center center;}
/*切换*/
#persons{ position:relative; width:1500px; margin:30px auto 0 auto;}
#persons .swiper-container{ padding-bottom:60px;}
#persons .swiper-slide{ width:590px; height:377px;}
/*后加*/
#persons .swiper-slide img{ width:580px; height:427px; box-sizing:border-box; border:5px solid #fff;
box-shadow: 1px 1px 23px 3px rgba(0,0,0,0.15);
-webkit-box-shadow: 1px 1px 23px 3px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 23px 3px rgba(0,0,0,0.15);}
/*#persons .swiper-slide .text{ position:absolute; left:15%; top:20%; width:90%; margin:0 auto; clear:both; overflow:hidden;}
#persons .swiper-slide .text img{ float:left; width:120px; height:120px; margin-right:15px; border:2px solid #ededed;}*/
#persons .swiper-pagination{ width:100%; bottom:-25px;}
#persons .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; opacity:1; margin:0 5px; border:3px solid #fff; background-color:#d5d5d5;}
#persons .swiper-pagination-bullets .swiper-pagination-bullet-active{ border:3px solid #fd8833; background-color:#fff;}
#persons .swiper-button-prev{ left:-30px; top:40%; width:45px; height:45px;}
#persons .swiper-button-prev:hover{ background-position:0 -46px; background-size:100%}
#persons .swiper-button-next{ right:-30px; top:40%; width:45px; height:45px;}
/*切换三角*/
.swiper-button-next:after, .swiper-button-prev:after{ color:#ccc; font-weight:bold;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after{ color:#626262;}

/*------新闻中心-----*/
#news{}
#news .container{ padding-bottom:40px;}
/*菜单*/
.newsMenu{ width:1200px; margin:20px auto 40px auto; text-align:center;}
.newsMenu::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.newsMenu a{ display:inline-block; width:138px; height:40px; margin:0 5px; line-height:40px; color:#333; border:1px solid #dedede;}
.newsMenu a.cur, .newsMenu a:hover{ color:#fff; border:1px solid #fd8833; background:#fd8833;}
.newsMenu a:hover
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.5s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
/*幻灯片*/
.news-img{ position:relative; float:left; width:510px;}
.news-img .list-wrap2{ clear:both; width:510px; overflow:hidden;}
.news-img li{ position:relative; float:left; width:510px;}
.news-img li img{ display:block; width:510px; height:390px;}
.news-img li p{ position:absolute; bottom:0; left:0; width:100%; height:90px; padding:10px; box-sizing:border-box; background:rgba(0,0,0,0.5);}
.news-img li p a{ display:block; width:100%; padding-bottom:10px; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-img li p span{ line-height:22px; font-size:14px; color:#999;}
.news-img .rbt{ display:block; width:25px; height:25px; position:absolute; top:10px; right:10px; opacity:.4}
.news-img .rbt1{ background:url(../img/index/rbtBg2.png) no-repeat center top; right:5px;}
.news-img .rbt2{ background:url(../img/index/rbtBg1.png) no-repeat center top; right:31px;}
.news-img .rbt:hover{ background-position:center bottom; opacity:1}
/*文本*/
.news-text{ float:right; width:950px; height:410px; overflow:hidden;}
.news-text .dtcont li{ margin-bottom:15px; }
.news-text .dtcont li a{ display:block; position:relative; height:80px; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.news-text .dtcont li:last-child a{ margin-bottom:0; border:0;}
.news-text .dtcont li a:hover h4{ color:#cc6600;}
.news-text .dtcont li a::after{ content:""; position:absolute; left:0; bottom:0; display:block; width:0; height:3px; background:#fd8833; 
transition:all .3s;
-webkit-transition:all .3s}
.news-text .dtcont li a:hover::after{ width:100%;}
.news-text .dtcont li a h4{ padding-left:85px; color:#333; font-size:16px; font-weight:normal; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.news-text .dtcont li a span{ display:block; position:absolute; left:0; top:0; width:70px; height:70px; color:#ffcccc; font-size:14px; text-align:center; background:#fd8833;}
.news-text .dtcont li a span em{ display:block; padding:14px 0 7px 0; font-style:normal; font-size:24px; color:#fff; font-weight:bold;}
.news-text .dtcont li a p{ display:block; padding:10px 0 0 85px; color:#999; font-size:14px;}

/*------提交需求-----*/
#contact{ height:200px; background:url(../img/index/lianxi-bg.png) center no-repeat;}
.contactContent{ width:1500px; margin:0 auto;}
.contactContent h3{ padding:50px 0 20px 0; font-size:16px; color:#793400; font-weight:normal;}
.contactContent p{ font-size:16px;}
.contactContent p span{ display:inline-block; width:270px; height:70px; margin-right:15px; vertical-align:top; background-color:#fff; background-position:15px 25px; background-repeat:no-repeat;}
.contactContent p span input{ width:200px; height:50px; margin:10px 0 0 45px; line-height:50px; border:0; font-size:16px;}
.contactContent p span:nth-child(1){ background-image:url(../img/index/lianxi-icon1.png);}
.contactContent p span:nth-child(2){ background-image:url(../img/index/lianxi-icon2.png);}
.contactContent p span:nth-child(3){ width:400px; background-image:url(../img/index/lianxi-icon3.png);}
.contactContent p span.texts input{ width:350px}
.contactContent p .btn-button{ display:inline-block; width:160px; height:70px; margin-left:20px; line-height:70px; border:0; color:#fff; text-align:center; vertical-align:top; font-size:16px; font:'Microsoft Yahei'; background:#222222; cursor:pointer;}
.contactContent p .btn-button::before{ content:""; display:inline-block; width:20px; height:18px; margin-right:10px; vertical-align:middle; background-image:url(../img/index/lianxi-icon4.png);}
/*验证*/
.contactContent .ver{ position:relative;}
.contactContent .ver input{ margin:10px 0 0 20px;}
.contactContent .ver img{ position:absolute; right:10px; top:18px;}


@media screen and (max-width: 1480px) {
	/*搜索/幻灯片*/
	#banner .search{ width:1200px; margin-left:-600px;}
	.indexAdContent{ width:1200px;}
	.indexAd-h{ width:300px;}
	.indexAd-c{ width:900px; margin-left:300px;}
	/*产品展示*/
	.canpinMenu{ width:1200px;}
	.canpinContent{ width:1200px;}
	.canpinContent ul li a{ height:248px;}
	.canpinContent ul li a img{ height:198px;}
	/*优势*/
	.youshiContent{ width:1200px;}
	.youshiContent p{ width:450px;}
	.youshiContentRight{ margin-left:650px;}
	/*流程*/
	.serverContent{ width:1200px;}
	.serverContent span i{ width:84px; height:84px; margin-left:-42px;}
	/*关于我们*/
	#about{ background:url(../img/index/about-bg12.jpg) no-repeat center top;}
	.aboutContent{ width:1200px;}
	/*公司环境*/
	#persons{ width:1200px;}
	#persons .swiper-slide{ width:540px; height:340px;}
	#persons .swiper-slide img{ width:530px; height:390px;}
	#persons .swiper-pagination{ bottom:-45px;}
	/*新闻*/
	.news-text{ width:660px;}
	/*提交需求*/
	.contactContent{ width:1200px;}
	.contactContent p span{ width:200px;}
	.contactContent p span:nth-child(3){ width:320px;}
	.contactContent p span.texts input{ width:270px}
	.contactContent p span input{ width:150px;}
	}